<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<style type="text/less">
		@c:red;
		.app{
			.one{
				@c:pink;
				color:@c;
				@c:gray;
			}
			.two{
				color:@c;
				@d:red;
			}
		}
		@d:orange;
		@c:@d;
	</style>
	<script src="lib/less.min.js"></script>
</head>
<body>
	<div class="app">
		<div class="one">小时候我很矮</div>
		<div class="two">所以我要吃大量的食物，最后导致又胖又矮！</div>
	</div>
</body>
</html>